export default {
  name: 'ItemOption',
  functional: true,
  props: {
    option: {
      type: Array,
      default: () => []
    },
    value: {
      default: ''
    }
  },
  render(h, context) {
    const { option, value } = context.props
    const vnodes = []
    if (option.length === 0) {
      vnodes.push(<span >{value}</span>)
      return vnodes
    }
    for (const item of option) {
      if (item.value === value) {
        vnodes.push(<span >{item.label}</span>)
        return vnodes
      }
    }
    return vnodes
  }
}
